<template>
  <span class="mytag" :style="{background:CPNcolor,color:CPNtextColor}"><slot></slot></span>
</template>

<script>
export default {
  props:{
    CPNcolor:{
      type: String,
      default: '#f5f5f5'
    },
    CPNtextColor:{
      type: String,
      default: '#fff'
    }
  }
}
</script>

<style>
.mytag{
  display: inline-block;
  margin-right: 4px;
  max-width: 80px;
  overflow: hidden;
  border-radius: 999px;
  padding: 2px 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
</style>